<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>海同驾校系统</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
</head>

<body>
<div class="top"></div>
<div id="header">
	<div class="logo">海同驾校系统</div>
	<div class="navigation">
		<ul>
		 	<li>欢迎您！</li>
			<li>${user.name }</li>
			<li><a href="">修改密码</a></li>
			<li><a href="">设置</a></li>
			<li><a href="">退出</a></li>
		</ul>
	</div>
</div>
<div id="content">
	<div class="left_menu">
				<ul id="nav_dot">
      <li>
          <h4 class="M1"><span></span>系统公告</h4>
          <div class="list-item none">
            <a href=''>ç³»ç»å¬å1</a>
            <a href=''>ç³»ç»å¬å2</a>
            <a href=''>ç³»ç»å¬å3</a>
            <a href=''>ç³»ç»å¬å4</a>
          </div>
        </li>
        <li>
          <h4 class="M2"><span></span>å·¥åå¤ç</h4>
          <div class="list-item none">
            <a href=''>å·¥åå¤ç1</a>
            <a href=''>å·¥åå¤ç2</a>
            <a href=''>å·¥åå¤ç3</a>
            <a href=''>å·¥åå¤ç4</a>
            <a href=''>å·¥åå¤ç5</a>          
           </div>
        </li>
        <li>
          <h4 class="M3"><span></span>åºç¡æå­¦</h4>
          <div class="list-item none">
            <a href=''>åºç¡æå­¦1</a>
            <a href=''>åºç¡æå­¦2</a>
            <a href=''>åºç¡æå­¦3</a>
          </div>
        </li>
				<li>
          <h4 class="M4"><span></span>è¯è®ºç®¡ç</h4>
          <div class="list-item none">
            <a href=''>è¯è®ºç®¡ç1</a>
            <a href=''>è¯è®ºç®¡ç2</a>
            <a href=''>è¯è®ºç®¡ç3</a>
          </div>
        </li>
				<li>
          <h4 class="M5"><span></span>è°ç é®å·</h4>
          <div class="list-item none">
            <a href=''>è°ç é®å·1</a>
            <a href=''>è°ç é®å·2</a>
            <a href=''>è°ç é®å·3</a>
          </div>
        </li>
				<li>
          <h4  class="M6"><span></span>æ°æ®ç»è®¡</h4>
          <div class="list-item none">
            <a href=''>æ°æ®ç»è®¡1</a>
            <a href=''>æ°æ®ç»è®¡2</a>
            <a href=''>æ°æ®ç»è®¡3</a>
          </div>
        </li>
				<li>
          <h4  class="M7"><span></span>å¥å±ç®¡ç</h4>
          <div class="list-item none">
            <a href=''>å¥å±ç®¡ç1</a>
            <a href=''>å¥å±ç®¡ç2</a>
            <a href=''>å¥å±ç®¡ç3</a>
          </div>
        </li>
				<li>
          <h4   class="M8"><span></span>å­å¸ç»´æ¤</h4>
          <div class="list-item none">
            <a href=''>å­å¸ç»´æ¤1</a>
            <a href=''>å­å¸ç»´æ¤2</a>
            <a href=''>å­å¸ç»´æ¤3</a>
						<a href=''>å­å¸ç»´æ¤4</a>
            <a href=''>å­å¸ç»´æ¤5</a>
            <a href=''>å­å¸ç»´æ¤6</a>
						<a href=''>å­å¸ç»´æ¤7</a>
            <a href=''>å­å¸ç»´æ¤8</a>
            <a href=''>å­å¸ç»´æ¤9</a>
						<a href=''>å­å¸ç»´æ¤4</a>
            <a href=''>å­å¸ç»´æ¤5</a>
            <a href=''>å­å¸ç»´æ¤6</a>
						<a href=''>å­å¸ç»´æ¤7</a>
            <a href=''>å­å¸ç»´æ¤8</a>
            <a href=''>å­å¸ç»´æ¤9</a>
          </div>
        </li>
				<li>
          <h4  class="M9"><span></span>åå®¹ç®¡ç</h4>
          <div class="list-item none">
            <a href=''>åå®¹ç®¡ç1</a>
            <a href=''>åå®¹ç®¡ç2</a>
            <a href=''>åå®¹ç®¡ç3</a>
          </div>
        </li>
				<li>
          <h4   class="M10"><span></span>ç³»ç»ç®¡ç</h4>
          <div class="list-item none">
            <a href=''>ç³»ç»ç®¡ç1</a>
            <a href=''>ç³»ç»ç®¡ç2</a>
            <a href=''>ç³»ç»ç®¡ç3</a>
          </div>
        </li>
  </ul>
		</div>
		<div class="m-right">
			<div class="main">
				
			</div>
		</div>
</div>
<div class="bottom"></div>
<div id="footer"><p>Copyright© 2016</p></div>
<script>navList(12);</script>
</body>
</html>
